<template>
	<view>
		<cu-custom title="我的课表" :isShowLeft="false"></cu-custom>
		<view class="bg-white padding-bottom-xl padding-top-sm">
			<zzx-calendar @selected-change="datechange" :dotList="dotList"></zzx-calendar>
		</view>
		
		<view class="padding" style="margin-top: -30rpx; border-radius: 30rpx 30rpx 0 0; background-color: #f4f4f4;">
			<view class="padding bg-white radius margin-bottom" v-for="(item,index) in 4">
				<view class="text-gray">
					08:20-10:00
				</view>
				<view class="flex flex-between margin-top-xs">
					<text class="text-lg text-bold">黄**老师 初级钢琴课</text>
					<text class="text-lg text-red">已授课</text>
				</view>
				<view class="margin-top-xs">
					地址：南宁市青秀区****
				</view>
			</view>
		</view>

		<u-no-network></u-no-network>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//画点日期
				dotList: [
					{
						date: '2023-03-20'
					},
					{
						date: '2023-03-22'
					},
					{
						date: '2023-03-18'
					}
				]
			}
		},
		onShow() {
			
		},
		methods: {
			datechange(e) {
				console.log(e);
			}
		}
	}
</script>

<style lang="scss" scoped>

</style>
